<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:useBean id="GameBean" class="at.mensch.Game" scope="session"/>

<%@ page import="at.mensch.*" %>

<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="de" lang="de">
	<head>
		<title>EWA Mensch &auml;rgere Dich nicht :: Spiel 1</title>
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1"/>
		<meta name="description" content="Das EWA Mensch &auml;rgere Dich nicht, ein Spa&szlig; der niemals endet."/>
		<meta name="keywords" content="Spiel EWA Mensch &auml;rgere Dich nicht"/>
		<meta name="language" content="de-AT"/>
		<link rel="stylesheet" type="text/css" href="styles/screen.css"/>
                                    
	</head>
	<body>
		<div id="wrapper">
			<div id="header">
				<div id="teaser"></div>
				<div id="logo"></div>
				<h1>EWA Mensch &auml;rgere Dich nicht</h1>
			</div>
			<ul class="accessibility">
				<li><a href="#navigation" accesskey="2">Navigation</a></li>
				<li><a href="#board" accesskey="0">Spielbrett</a></li>
				<li><a href="#dicearea" accesskey="1">W&uuml;rfel</a></li>
				<li><a href="#info_area" accesskey="3">Spielstand</a></li>
			</ul>
			<div id="body">
				<div id="navigation">
					<h2 class="accessibility">Navigation</h2>
					<ul>
						<li><a href="#">Userdaten &auml;ndern</a></li>
						<li><a href="#">Zur&uuml;ck zur Lounge</a></li>
						<li><a href="#">Ausloggen</a></li>
					</ul>
				</div>
				<hr class="accessibility" />				
				<div id="info_area">
					<h2>Spielinformationen</h2>
					<table class="game_info" summary="Diese Tabelle zeigt Informationen zum aktuellen Spiel">
						<tbody>
							<tr class="accessibility">
								<th>Information</th>
								<th>Wert</th>
							</tr>
							<tr>
								<th>Anzahl Spieler</th>
								<td><%=GameBean.getPlayers().size()%></td>
							</tr>
							<tr>
								<th>F&uuml;hrender</th>
								<td>mehrere</td>
							</tr>
							<tr>
								<th>Aktuelle Runde</th>
								<td>1</td>
							</tr>
							<tr>
								<th>Zeit</th>
								<td>0 min, 0 sec</td>
							</tr>
						</tbody>
					</table>
					<h2>Spieler</h2>
					<table class="game_info" summary="Diese Tabelle listet die Namen der Spieler auf">
						<tbody>
							<tr class="accessibility">
								<th>Spielernummer</th>
								<th>Spielername</th>
							</tr>
							<%
								for (Player p : GameBean.getPlayers()) {
							%>	
							<tr>	
								<th>Spieler <%=p.getPlayerId()%></th>
								<td><%=p.getUsername()%></td>
							</tr>
							<%
								}
							%>
						</tbody>
					</table>
				</div>
				<div id="dicearea">
					<hr class="accessibility" />
					<h2 class="accessibility">W&uuml;rfel</h2>
					<span title="aktueller Spieler">Super Mario</span>
					<a href="Servlet?action=roll">
						<img name="wuerfel" title="W&uuml;rfel Zahl <%=GameBean.getDiceEyes().get(GameBean.getDiceEyes().size()-1)%>" src="img/wuerfel<%=GameBean.getDiceEyes().get(GameBean.getDiceEyes().size()-1)%>.png" alt="W&uuml;rfel Zahl <%=GameBean.getDiceEyes().get(GameBean.getDiceEyes().size()-1)%>" />
					</a>
				</div>
				
				<div id="play_area">
					<hr class="accessibility" />
					<div id="board">
						<h2 class="accessibility">Spielbrett</h2>
						<div class="fields">
							<h3 class="accessibility">Spielfelder</h3>
							<ol title="Spielfelder">
							<%
								for (int i = 0; i < GameBean.getFields().size(); i++) {
							%>
								<li><img id="field<%=GameBean.getFields().get(i).getFieldId()%>" src="img/<%=GameBean.getFields().get(i).getFieldImage()%>" title="<%=GameBean.getFields().get(i).getFieldTitle()%>" alt="<%=GameBean.getFields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>							
							</ol>
							<h3 class="accessibility">Starth&auml;user</h3>
							<ol title="Starthaus Spieler 1">
							<%
								for (int i = 0; i < 4; i++) {
							%>
								<li><img id="field<%=GameBean.getHomefields().get(i).getFieldId()%>" src="img/<%=GameBean.getHomefields().get(i).getFieldImage()%>" title="<%=GameBean.getHomefields().get(i).getFieldTitle()%>" alt="<%=GameBean.getHomefields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>
							<ol title="Starthaus Spieler 2">
							<%
								for (int i = 4; i < 8; i++) {
							%>
								<li><img id="field<%=GameBean.getHomefields().get(i).getFieldId()%>" src="img/<%=GameBean.getHomefields().get(i).getFieldImage()%>" title="<%=GameBean.getHomefields().get(i).getFieldTitle()%>" alt="<%=GameBean.getHomefields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>
							<ol title="Starthaus Spieler 3">	
							<%
									for (int i = 8; i < 12; i++) {
								%>
								<li><img id="field<%=GameBean.getHomefields().get(i).getFieldId()%>" src="img/<%=GameBean.getHomefields().get(i).getFieldImage()%>" title="<%=GameBean.getHomefields().get(i).getFieldTitle()%>" alt="<%=GameBean.getHomefields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>
							<ol title="Starthaus Spieler 4">	
							<%
									for (int i = 12; i < 16; i++) {
								%>
								<li><img id="field<%=GameBean.getHomefields().get(i).getFieldId()%>" src="img/<%=GameBean.getHomefields().get(i).getFieldImage()%>" title="<%=GameBean.getHomefields().get(i).getFieldTitle()%>" alt="<%=GameBean.getHomefields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>
							<h3 class="accessibility">Zielh&auml;user</h3>
							<ol title="Zielhaus Spieler 1">
							<%
								for (int i = 0; i < 4; i++) {
							%>
								<li><img id="field<%=GameBean.getFinishFields().get(i).getFieldId()%>" src="img/<%=GameBean.getFinishFields().get(i).getFieldImage()%>" title="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>" alt="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>
							<ol title="Zielhaus Spieler 2">	
							<%
									for (int i = 4; i < 8; i++) {
								%>
								<li><img id="field<%=GameBean.getFinishFields().get(i).getFieldId()%>" src="img/<%=GameBean.getFinishFields().get(i).getFieldImage()%>" title="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>" alt="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>
							<ol title="Zielhaus Spieler 3">		
							<%
										for (int i = 8; i < 12; i++) {
									%>
								<li><img id="field<%=GameBean.getFinishFields().get(i).getFieldId()%>" src="img/<%=GameBean.getFinishFields().get(i).getFieldImage()%>" title="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>" alt="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>
							<ol title="Zielhaus Spieler 4">		
							<%
										for (int i = 12; i < 16; i++) {
									%>
								<li><img id="field<%=GameBean.getFinishFields().get(i).getFieldId()%>" src="img/<%=GameBean.getFinishFields().get(i).getFieldImage()%>" title="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>" alt="<%=GameBean.getFinishFields().get(i).getFieldTitle()%>"/></li>
							<%
								}
							%>
							</ol>	
						</div>
						<div class="clearer"></div>  
						<div id="infogegner">W&uuml;rfelergebnis Computer:<%
  							for (int i = 0; i < GameBean.getDiceEyes().size(); i++) {
  						%><%=GameBean.getDiceEyes().get(i)%> <%
 	}
 %> </div>
					</div>
				</div>				
			</div>
			<div id="footer">
				<p>&copy; 2012 EWA Mensch &auml;rgere Dich nicht.</p>
			</div>
        </div>
    </body>
</html>                           